﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Pending List</title>
        <link rel="stylesheet" type="text/css" href="style/common.css"/>
        <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="js/xml.js"></script>
        <script type="text/javascript" src="js/table_sort.js"></script>
        <script type="text/javascript">
        $(function() {
        	$('#calendar').load('calendar.html');
        });
        </script>
</head>
<body>
    <div id="xml_wrapper">
    <h3>Pending List</h3>        
        Filter by Sold to:
        <ul id="xml_nav">
            <li><a class="filter_adi" href="javascript:void(0)">ADI</a></li>
            <li><a class="filter_ham" href="javascript:void(0)">HAM</a></li>
            <li><a class="filter_ken" href="javascript:void(0)">KEN</a></li>
			<li><a class="filter_pas" href="javascript:void(0)">PAS</a></li>
            <li><a class="filter_sel" href="javascript:void(0)">SEL</a></li>
            <li><a class="filter_sem" href="javascript:void(0)">SEM</a></li>
            <li><a class="filter_all" href="javascript:void(0)">ALL</a></li>
        </ul>

        &nbsp;&nbsp;&nbsp;&nbsp;
        Filter by Month:
        <ul id="xml_month">
            <li><a class="filter_01" href="javascript:void(0)">1</a></li>
            <li><a class="filter_02" href="javascript:void(0)">2</a></li>
            <li><a class="filter_03" href="javascript:void(0)">3</a></li>
            <li><a class="filter_04" href="javascript:void(0)">4</a></li>
            <li><a class="filter_05" href="javascript:void(0)">5</a></li>
            <li><a class="filter_06" href="javascript:void(0)">6</a></li>
            <li><a class="filter_07" href="javascript:void(0)">7</a></li>
            <li><a class="filter_08" href="javascript:void(0)">8</a></li>
            <li><a class="filter_09" href="javascript:void(0)">9</a></li>
            <li><a class="filter_10" href="javascript:void(0)">10</a></li>
            <li><a class="filter_11" href="javascript:void(0)">11</a></li>
            <li><a class="filter_12" href="javascript:void(0)">12</a></li>
        </ul>

        &nbsp;&nbsp;&nbsp;&nbsp;
        Total: <span id="counter"></span> items
        
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;<a href="order.htm" title="View order per customer"><img src="images/report.png"/></a>
        &nbsp;&nbsp;<a href="sales.htm" title="Sales report"><img src="images/chart_bar.png"/></a>
		&nbsp;&nbsp;<a href="quantity.htm" title="Quantity report"><img src="images/package.gif"/></a>
        &nbsp;&nbsp;<a href="table.htm" title="Export"><img src="images/table.png"/></a>

        <table cellpadding="2" border="0" cellspacing="1">
            <thead>
                <tr>
                  <th class="header">No</th>
                  <th class="header">Sold</th>
                  <th class="header">Order</th>
                  <th class="header">Name</th>
                  <th class="header" style="width:100px">Item</th>
                  <th />
                  <th class="header">Age</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
            <tfoot>
                <tr style="height:16px;">
                    <th colspan="3"></th>
                    <th style="text-align:right;font-weight:bold">Total</th>
                    <th id="total" style="text-align:right;font-weight:bold" />
                    <th />
                    <th />
                </tr>
            </tfoot>
        </table>
    </div>
    <div class="footer">
       <ul>
         <li>ADI - Addin | </li>
         <li>HAM - Hamid | </li>
         <li>KEN - Tmn Kenari | </li>
         <li>SEL - Selama | </li>
         <li>SEM - Semanggol</li>
       </ul>
       <br/><br/>
       <span class="left">
         Bulan Melayu:
         <ol>
           <li>Muharram</li>
           <li>Safar</li>
           <li>Rabiulawal</li>
           <li>Rabiulakhir</li>
           <li>Jamadilawal</li>
           <li>Jamadilakhir</li>
           <li>Rejab</li>
           <li>Syaaban</li>
           <li>Ramadhan</li>
           <li>Syawal</li>
           <li>Zulkaedah</li>
           <li>Zulhijjah</li>
         </ol>
       </span>
       <span class="left">
         <br/>
         <ol>
           <li>محرّم</li>
           <li>صفر</li>
           <li>ربيع الاول</li>
           <li>ربيع الاخير</li>
           <li>جمادالاول</li>
           <li>جمادالاخير</li>
           <li>رجب</li>
           <li>شعبان</li>
           <li>رمضان</li>
           <li>شوال</li>
           <li>ذوالقعده</li>
           <li>ذوالحجه</li>
         </ol>
       </span>
	   <span class="left">
         <br/>
         <ol>
           <li>اشنين</li>
		   <li>شلاث</li>
		   <li>رابو</li>
		   <li>خميس</li>
		   <li>جمعة</li>
		   <li>سبت</li>
		   <li>احد</li>
         </ol>
       </span>
    </div>
</body>
</html>